<template>
  <!-- 核算结果 -->
  <view class="result">
    <pane-card v-for="(item, index) in result" :key="index" :title="item.title" :tag="item.status === 1 ? '阴性' : '阳性'" :tagError="item.status === 2">
      <view slot="subtitle">
        <text class="block">采样地点：{{ item.address }}</text>
          <text>采样日期：{{ item.date }}</text>
            <text class="ml20">剩余次数：{{ item.residueNo }}</text>
              <text class="block">下次采样日期：{{ item.nextDate }}</text>
      </view>
    </pane-card>
    <v-empty :isShow="showEmpty" text="暂无相关记录"></v-empty>
  </view>
</template>
<script>
  import PaneCard from '@/components/m-card/pane-card.vue';
  import UserApi from '@/api/user';
  import VEmpty from '@/components/v-empty/index.vue';
  export default {
    components: {
      PaneCard,
      VEmpty
    },
    data() {
      return {
        showEmpty: false,
        result: [
          // {
          //   id: 1,
          //   title: '第一次核酸结果',
          //   address: '九华山庄',
          //   // 日期
          //   date: '2021-08-06',
          //   // 剩余次数
          //   residueNo: 5,
          //   // 结果 1阴性，2阳性
          //   status: 1,
          //   // 下次采样日期
          //   nextDate: '2021-08-06'
          // },
          // {
          //   id: 1,
          //   title: '第一次核算结果',
          //   address: '九华山庄',
          //   // 日期
          //   date: '2021-08-06',
          //   // 剩余次数
          //   residueNo: 5,
          //   // 结果 1阴性，2阳性
          //   status: 2,
          //   // 下次采样日期
          //   nextDate: '2021-08-06'
          // }
        ]
      };
    },
    methods: {
      // 获取核酸结果
      async getResult(uid) {
        uni.showLoading({
          title: '加载中...'
        });
        const res = await this.$http.post(UserApi.getNatResult, { uid });
        console.log('getResult', res);
        if (res) {
          this.result = res;
          this.showEmpty = !this.result.length
        }
        return;
      }
    },
    async onLoad({ uid }) {
      uni.showLoading({
        title: '加载中...'
      });
      await this.getResult(uid);
      uni.hideLoading();
    }
  };
</script>
<style lang="scss">
  .result {
    width: 100%;
    padding: 20rpx 40rpx;
  }
</style>